@charset "utf-8";
@import "_reset";
@import "_utils";
@import "comon";
.Gtpoint_web {
    @include webbg;
    header {
        width: 100%;
        height: r(530);
        position: relative;
        .hainan {
            display: none;
            z-index: 9999;
        }
        .Switch_button {
            width: r(90);
            height: r(38);
            border-radius: r(10);
            background: #e7c598;
            position: absolute;
            top: r(36);
            left: r(45);
            z-index: 999;
            .Switch_body {
                width: 100%;
                text-align: center;
                line-height: r(38);
                .img {
                    transform: translateY(-10%);
                    display: inline-block;
                    width: r(18);
                    height: r(21);
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                span {
                    transform: translateY(-10%);
                    display: inline-block;
                    font-size: r(23);
                    color: #bf0c21;
                }
            }
        }
        .location_city {
            position: absolute;
            top: r(40);
            left: r(58);
            width: r(490);
            height: r(411);
            span{
                font-size: r(18);
            }
            img {
                width: 100%;
                height: 100%;
            }
            .hndh {
                width: r(70);
                height: r(70);
                display: none;
                background: url(../img/Gtpimg/dingwei.png) no-repeat;
                background-size: r(70) r(70);
                font-size: r(10);
                color: #bf0c21;
                text-align: center;
                padding-top: r(17);;
            }
            .hn1{
                position: absolute;
                bottom: r(150);
                left: r(60);
            }
            .hn2{
                position: absolute;
                top: r(30);
                left: 50%;
            }
            .hn3{
                position: absolute;
                top: r(100);
                left: 40%;
            }
            .daohang {
                font-size: r(10);
                color: #bf0c21;
                text-align: center;
                padding-top: r(17);
                width: r(70);
                height: r(70);
                background: url(../img/Gtpimg/dingwei.png) no-repeat;
                background-size: r(70) r(70);
            }
            .didian1{
                position: absolute;
                bottom: r(40);
                left: r(160);
            }
            .didian2{
                position: absolute;
                top: r(-40);
                right: r(100);
            }
        }
        .location_city2 {
            position: absolute;
            top: r(95);
            left: r(25);
            width: r(535);
            height: r(410);
            img {
                width: 100%;
                height: 100%;
            }
        }
        .The_gift {
            position: absolute;
            top: r(400);
            right: r(28);
            p {
                color: #e7c598;
                text-align: right;
                letter-spacing: 1px;
            }
            .text_one {
                font-size: r(29);
                span {
                    font-size: r(40);
                }
            }
            .text_two {
                font-size: r(40);
            }
            .text_three {
                font-size: r( 28);
            }
        }
    }
    section {
        width: 82.8125%;
        margin: 0 auto;
        h6 {
            font-size: r(26);
            color: #e7c598;
            line-height: r(50);
        }
        p {
            font-size: r(18);
            color: #e7c598;
            line-height: r(33);
            text-align: justify;
            letter-spacing: none;
        }
    }
    footer {
        width: 100%;
        margin: 0 auto;
        .text_weith{
            width: r(318);
            height: r(45);
            margin: 0 auto;
            position: absolute;
            bottom: r(30);
            left: 50%;
            transform: translateX(-50%);
            img {
                width: 100%;
                height: 100%;
            }   
            span {
                font-size: r(23);
                color: #e7c598;
                position: absolute;
                top: r(6);
                left: r(44);
            }
        }
    }
}